
$primary-color: var(--theme,#ff3dfe) ;
$background-light:#fefefe;
$background-dark:#010e39;
$background-dark2:#2d3379;
$background-light-field:#fefefe;
$background-dark-field:#353535;
$shadowcolor:rgba(0,0,0,0.1);
$money:#f60;
$shdow:1px 2px 2px $shadowcolor,-1px 0px 1px $shadowcolor;
.font_color{
    color: $primary-color !important;
}
.in_head{
    background: $primary-color !important;
}
.van-cell:after{
    border-bottom: none;
}
.iconTheme{
    font-size: 12px;
    color: #838383;
}
.iconTheme2{
    font-size: 12px;
    color: #000;
}
.light_theme{
    background: $background-light;
    color: #222;
      .icon_bg {
    background: #f7f7f7;
  }
    .main_bg{
        background: #eff0f4;
    }
    .background_item_box {
        background: #fafafa;
        box-shadow: $shdow;
        border: 1px solid #f4f4f4;
    }
    .background_box{
        background: $background-light;
    }
  
    .background_item{
        background: $background-light;
    }
    .border_top{
        border-top: 1px solid #e7e7e7;
    }
    .border_bottom{
        border-bottom: 1px solid #e7e7e7;
    }
    .padtheme10{
        padding: 10px;
    }
    .background_item2{
        background: #e6f2ff;
        box-shadow: $shdow;
        color: #222;
    }
    .current{
        background: #fff;
    }
    .theme_color{
        color: #222;
    }
    .bg_item{
        background: #f4f4f4;
    }
    .bg_item2{
        background: #f9f9f9;
    }
    .bg_item3{
        background: #e7e7e78f;
    }
    .themeline{
        background: #e6e6e6;
    }
    .tab_left{
        background: #f5f6f8;
    }
    .background_item3{
        background: $background-light;
        color: #222;
    }
    .light_border{
        border: 1px solid #f4f4f4;
        box-shadow: $shdow;
    }
    .light_border_shadow{
        border: 1px solid #ebebeb;
        box-shadow: $shdow;
    }
    .light_border_bottom{
        border-bottom: 1px solid #dfdcdc;
    }
    .field_background{
        background: $background-light-field;
        box-shadow: $shdow;
        border: 1px solid #f4f4f4;
    }
    .head-search-wrap .van-search{
        background: #efefef;
    }
    .van-action-bar{
        border-top: 1px solid #f1f1f1;
    }
    .van-checkbox__icon .van-icon{
        background: $background-light-field;
    }
    .van-field {
        height: 1.2rem;
        display: flex;
        align-items: center;
        background: $background-light-field;
        border-radius: 4px;
        color: #000;
      }
      .van-search__field{
        background: #efefef;
      }
      .van-uploader__upload{
        background: #ececec;
        border-radius: 5px;
      }

}
.dark_theme {
    background: $background-dark;
    color: #fff;
      .main_bg{
        background: $background-dark;
    }
          .icon_bg {
    background: #6a6a6a;
  }
    input::-webkit-input-placeholder {
        color: #999;
    }
    input:-moz-placeholder {
        color: #999;
    }
    input::-moz-placeholder {
        color: #999;
    }
    input:-ms-input-placeholder {
        color: #999;
    }
    .iconTheme{
        font-size: 12px;
        color: #6a6a6a;
    }
    .current{
        background: #6a6a6a;
    }
    // .border_top{

    // }
    .border_bottom{
        border-bottom: 1px solid #2d2c2c;
    }
    .iconTheme2{
        font-size: 12px;
        color: #fff;
    }
    .background_box{
        background: $background-dark;
    }
    .bg_item{
        background: #232323;
    }
    .bg_item2{
        background: #353535;
    }
    .bg_item3{
        background: #6969698f;
    }
    .background_item{
        background: $background-dark2;
    }
    .background_item_box{
        background: $background-dark2;
    }
    .background_item2 {
        background: #1e364f;
    }
    .background_item3 {
        background: $background-dark-field;
    }
    .themeline{
        background: #7d7d7d;
    }
    .border_top{
        border-top: 1px solid #2c2c2c;
    }
    .padtheme10{
        padding: 10px;
        border-top: 1px solid #2c2c2c;
    }
    .theme_color{
        color: #fff;
    }
    .field_background{
        background: $background-dark-field;
    }
    .van-field {
        height: 1.2rem;
        display: flex;
        align-items: center;
        background: $background-dark-field;
        border-radius: 4px;
        color: #fff;
      }
      .head-search-wrap .van-search{
        background: $background-dark-field;
    }
    .van-action-bar-icon{
        background: $background-dark-field; 
    }
    .van-action-bar{
        border-top: 1px solid $background-dark-field;
        background: $background-dark-field;
    }
    .van-checkbox__icon .van-icon{
        background: $background-dark-field;
    }
      .van-field__control{
        color: #fff;
      }
      .van-uploader__upload{
        background: #555e83;
        border-radius: 5px;
      }
}